<template>
	<view class="container">
		<view class="course-body">
			<view class="course-view">
				<view class="imgView">
					<image src="/static/images/profile.jpg"></image>
				</view>
				<view class="textView">
					<text>这是一段测试文字</text>
					<text>这是一段测试文字这是一段测试文字这是一段测试文字这是一段测试文字这是一段测试文字这是一段测试文字这是一段测试文字这是一段测试文字这是一段测试文字</text>
				</view>
				<button size="mini" class="coursebtn" @tap="clickToExam">进入考试</button>
			</view>
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {
			clickToExam(){
				this.$tab.navigateTo('/pages/exam/mock')
			}
		}
	}
</script>

<style lang="scss">
	.container{
		width: calc(100vw - 60rpx);
		margin: 80rpx auto;
		background: #fff;
		border-radius: 20rpx;
	}
	.course-body{
		padding-top: 50rpx;
		.course-view{
			padding-bottom: 90rpx;
			.imgView{
				width: 400rpx;
				height: 400rpx;
				overflow: hidden;
				margin: 0 auto;
			}
			.textView{
				line-height: 50rpx;
				padding: 10px 60rpx;
				font-size: 24rpx;
				letter-spacing: 1rpx;
				text{
					display:inline-block;
					text-indent: 2em;
				}
			}
			.coursebtn{
				width: 500rpx;
				height: 100rpx;
				background: #FF9A50;
				border-radius: 20rpx;
				line-height: 100rpx;
				font-size: 32rpx;
				color: #fff;
				margin: 30rpx auto;
				display: block;
			}
		}
	}
</style>